<template>
	<view>
		<page-head headTitle="扫一扫" :returnButton="true" @clickLeftReturn="clickLeftReturn"></page-head>
		<view class="m-t9">
			<view>
				<view class="pic-bj"></view>
				<view class="flex justify-content scan-mt">
					<image class="scan-image flex justify-content" src="/static/images/shop-logo.png"></image>
				</view>	
				<text class="flex justify-content fs-32 m-t-3">小力家店铺</text>
				<view class="m-t3 scan-money mlr-auto">
					<input class="scan-input scan-money border border-r fs-3 p-l3" placeholder-class="color-c" type="text" placeholder="请输入消费金额...">
					<view class="m-t-3">
						<view class="flex justify-between fs-3">
							<text>优惠</text><text class="color-red">-10.3</text>
						</view>
						<view class="flex justify-between fs-3 m-t1">
							<text>实付</text><text class="input-goods">11.5</text>
						</view>
						<button class="bg-color fs-3 m-t9">确认支付</button>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import pageHead from '@/components/common/page-head.vue'
	export default {
		components:{
			pageHead
		},
		data() {
			return {
				
			}
		},
		methods: {
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			}
		}
	}
</script>

<style>
page{background-color: #FFFFFF;}
.scan-money{width: 428rpx;}
.scan-image{width: 272rpx; height: 272rpx;}
.scan-mt{margin-top: -132rpx;}
.scan-input{height: 100rpx;}
</style>
